<template>
         <nav class="navbar">
      <router-link to="/">主页</router-link> |
      <router-link to="/wordcloud">词云</router-link> |
      <router-link to="/booklist">书目列表</router-link> |
      <router-link to="/snakegame">贪吃蛇</router-link>
    </nav>
</template>

<style>
    .navbar {
  background-color: #f8f9fa;
  padding: 10px 20px;
  margin:0;
    padding: 0;
    color: #333;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.5;
    font-family: "main";
    letter-spacing: 0.00938em !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #f8f9fa;
    overflow-y: auto;
}
.navbar a {
  margin: 0 10px;
  text-decoration: none;
  color: #333;
}
.navbar a.router-link-active {
  font-weight: bold;
  color: #42b983;
}
</style>